<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>New Theme</title>

		<meta http-equiv="keywords" content="theme">
		<meta http-equiv="description" content="theme">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

		<style>
.box {
	border: 1px solid #C0C0C0;
	width: 182px;
	height: 27px;
	clip: rect(0px, 181px, 18px, 0px);
	overflow: hidden;
}

.box2 {
	border: 1px solid #F4F4F4;
	width: 180px;
	height: 25px;
	clip: rect(0px, 179px, 16px, 0px);
	overflow: hidden;
}

select {
	position: relative;
	left: -2px;
	top: -2px;
	font-size: 18px;
	width: 183px;
	line-height: 14px;
	border: 0px;
	color: black
	font-weight:bold;
}
</style>
	</head>

	<body>
	
	<h1>Create new Theme</h1>
	
		<form method="post" action="newThemeAction.action">
		
			newThemeTitle:
			<input type="text" name=theme.themeTitle>
			<br>
			
			please describe the theme:	<br>		
			<textarea type="text" name= describeInfo cols="50 "
				rows="2"></textarea>
			
			<p>Please choose an administrator!</p> 


	<div class=box>
		<div class=box2>
			<select  name = themeInfo> 
				<#list users as user>
				<option value="${user.email}|${user.username}"> ${user.username}</option>
				</#list>
			</select>
		</div>
	</div> 
			
			<input type="submit" value="submit" />
		</form>
	</body>
</html>
